<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>联系我们</title>
    <link href="./style/axui/css/ax.css" rel="stylesheet" type="text/css" />

    <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" />
    <link href="./style/css/comm.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="./style/css/contacUs.css">
    <link rel="stylesheet" href="./style/css/base.css">
</head>

<body>


    <!-- 头部样式 -->
    <header class="myHeader">
        <div class="headBack"></div>
        <div class="content">
            <div>
                <nav>
                    <h1>
                        <a href="/" class="router-link-active"><img src="https://adyouyi.com/assets/img/logodingbu.svg"
                                alt="logo" /></a>
                    </h1>
                    <ul class="pc">
                        <li>
                            <a href="./index.html" target="_parent">首页

                                <!---->
                            </a>
                        </li>
                        <li>
                            <a href="./platform.html" target="_parent">游易平台<span style="display: none"></span></a>
                        </li>
                        <li class="relative">
                            <a href="#" target="_parent" class="advert">广告代理 <span style="display: none"></span>
                            </a>
                            <ul class="nav_ol">
                                <li>
                                    <div class="tab">
                                        <div>
                                            <p>海外广告媒体</p>
                                            <div class="list">
                                                <div>
                                                    <img src="./style/img/b-9.png" style="padding:9px 10px" />
                                                    <p>Google</p>
                                                </div>
                                                <div>
                                                    <img src="./style/img/6.png" />
                                                    <p>Meta</p>
                                                </div>
                                                <div>
                                                    <img src="./style/img/8.png" />
                                                    <p>Twitter</p>
                                                </div>
                                                <div>
                                                    <img src="./style/img/2.png" />
                                                    <p>TikTok</p>
                                                </div>
                                                <div>
                                                    <img src="./style/img/b-7.png" />
                                                    <p>Kwai</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div>
                                            <p>国内广告媒体</p>
                                            <div class="list">
                                                <div>
                                                    <img src="./style/img/1.png" />
                                                    <p>bilibili</p>
                                                </div>
                                                <div>
                                                    <img src="./style/img/3.png" />
                                                    <p>快手短视频</p>
                                                </div>
                                                <div>
                                                    <img src="./style/img/7.png" />
                                                    <p>巨量</p>
                                                </div>
                                                <div>
                                                    <img src="./style/img/5.png" />
                                                    <p>广点通</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="./flowRealization.html">流量变现
                                <span style="display: none"></span>
                                <ul></ul>
                            </a>
                        </li>
                        <li>
                            <a href="./journalism.html" target="_parent">营销学堂<span style="display: none"></span></a>
                        </li>
                        <li>
                            <a href="./contactUs.html" target="_parent">联系我们 <span></span><span></span>
                                <ul></ul>
                            </a>
                        </li>
                    </ul>
                </nav>
                <div class="right pc">
                    <ul>
                        <li>
                            <button><a href="./login.html" class="nav_ol_a" style="color: white;">登录</a></button>
                            <div style="display: none">
                                <p></p>
                                <img src=""
                                    alt="" />
                                <div class="logout">
                                    <p>退出登录</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <button><a href="./login.html?type=reg" class="nav_ol_a"
                                    style="color: #3469f8;">注册</a></button>
                            <button style="display: none">进入管理中心</button>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="wap" id="menu_btn">
                <img src="	https://adyouyi.com/assets/img/mobileOption.svg" alt="logo" />
            </div>
        </div>
        <div class="wap">
            <div class="wap-nav none">
                <div class="content">
                    <ul>
                        <li>
                            <a href="./" target="_parent">首页

                                <!---->
                            </a>
                        </li>
                        <li>
                            <a href="./platform.html" target="_parent">游易平台<span style="display: none"></span></a>
                        </li>
                        <!-- <li>
                            <span class="agent" style="cursor: pointer;">广告代理</span>
                        </li> -->
                        <li>
                            <a href="./flowRealization.html" target="_parent">流量变现
                                <span></span><span></span>
                                <ul></ul>
                            </a>
                        </li>
                        <li>
                            <a href="./journalism.html" target="_parent">营销学堂<span style="display: none"></span></a>
                        </li>
                        <li>
                            <a href="./contactUs.html" target="_parent" style="color:#2256FF">联系我们 <span
                                    style="display: none"></span>
                                <ul></ul>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <div class="header_title">
        <div class="content text_center">
            <div class="one_row">
                联系我们
            </div>
            <div class="two_row">
                全球可靠的广告投放平台，智能竞价引擎，用户高效增长
            </div>
            <div class="three_row">
                <span class="cur_pointer">
                    立即注册投放
                </span>
            </div>
        </div>
    </div>
    <div class="body_content">
        <div class="title text_center">
            <div class="zh_title">
                我们是谁
            </div>
            <div class="en_title">
                who are me
            </div>
        </div>
        <div class="icon_list text_center">
            <div class="icon_box" onclick="_clickTab(0)">
                <div class="icon"><img src="./style/img/cut_list_1.png" /></div>
                <div class="text">应用开屏广告</div>
            </div>
            <div class="icon_box" onclick="_clickTab(1)">
                <div class="icon"><img src="./style/img/cut_list_2.png" /></div>
                <div class="text">原生广告</div>
            </div>
            <div class="icon_box" onclick="_clickTab(2)">
                <div class="icon"><img src="./style/img/cut_list_3.png" /></div>
                <div class="text">插屏广告</div>
            </div>
            <div class="icon_box" onclick="_clickTab(3)">
                <div class="icon"><img src="./style/img/cut_list_4.png" /></div>
                <div class="text">激励广告</div>
            </div>
            <div class="icon_box" onclick="_clickTab(4)">
                <div class="icon"><img src="./style/img/cut_list_5.png" /></div>
                <div class="text">悬浮Banner广告</div>
            </div>
        </div>
        <div class="content_banner">
            <div class="content">
                <div class="content_icon"></div>
                <div>
                    <div>
                        <ul class="content_text">
                            <li>“游易”品牌隶属于四川互联互加科技有限公司，海外运营品牌 “Martianmobi ”海外运营主体“YOU E (HONG KONG) LIMITED”</li>
                            <li>“游易”广告平台提供APP流量变现，丰富的广告形式，让每个流量产生大价值；广告投放系统，流量丰富，成本低，全自动投放，让每一分钱产生的利益更充分</li>
                            <li>“游易”也同步代理了国内和海外众多主流媒体，为企业提供优质的效果广告服务</li>
                            <li>“游易出海”一直为中国企业出海提供流量服务，自研广告联盟平台，服务众多企业，涵盖游戏、电商、网服、工具等</li>
                        </ul>
                    </div>
                    <div class="content_num">
                        <div>
                            <div class="top">
                                <span class="big_num">100</span>
                                <span>多个国家</span>
                            </div>
                            <div class="info">覆盖全球</div>
                        </div>
                        <div>
                            <div class="top">
                                <span class="big_num">100</span>
                                <span>亿次</span>
                            </div>
                            <div class="info">请求总量</div>
                        </div>
                        <div>
                            <div class="top">
                                <span class="big_num">500+</span>
                                <span> </span>
                            </div>
                            <div class="info">接入开发者</div>
                        </div>
                        <div>
                            <div class="top">
                                <span class="big_num">1000+</span>
                                <span> </span>
                            </div>
                            <div class="info">新访问用户增加</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="content_icon"></div>
                <div>
                    <div>
                        <ul class="content_text">
                            <li>“游易”品牌隶属于四川互联互加科技有限公司，海外运营品牌 “Martianmobi ”海外运营主体“YOU E (HONG KONG) LIMITED”</li>
                            <li>“游易”广告平台提供APP流量变现，丰富的广告形式，让每个流量产生大价值；广告投放系统，流量丰富，成本低，全自动投放，让每一分钱产生的利益更充分</li>
                            <li>“游易”也同步代理了国内和海外众多主流媒体，为企业提供优质的效果广告服务</li>
                            <li>“游易出海”一直为中国企业出海提供流量服务，自研广告联盟平台，服务众多企业，涵盖游戏、电商、网服、工具等</li>
                        </ul>
                    </div>
                    <div class="content_num">
                        <div>
                            <div class="top">
                                <span class="big_num">200</span>
                                <span>多个国家</span>
                            </div>
                            <div class="info">覆盖全球</div>
                        </div>
                        <div>
                            <div class="top">
                                <span class="big_num">100</span>
                                <span>亿次</span>
                            </div>
                            <div class="info">请求总量</div>
                        </div>
                        <div>
                            <div class="top">
                                <span class="big_num">500+</span>
                                <span> </span>
                            </div>
                            <div class="info">接入开发者</div>
                        </div>
                        <div>
                            <div class="top">
                                <span class="big_num">1000+</span>
                                <span> </span>
                            </div>
                            <div class="info">新访问用户增加</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="content_icon"></div>
                <div>
                    <div>
                        <ul class="content_text">
                            <li>“游易”品牌隶属于四川互联互加科技有限公司，海外运营品牌 “Martianmobi ”海外运营主体“YOU E (HONG KONG) LIMITED”</li>
                            <li>“游易”广告平台提供APP流量变现，丰富的广告形式，让每个流量产生大价值；广告投放系统，流量丰富，成本低，全自动投放，让每一分钱产生的利益更充分</li>
                            <li>“游易”也同步代理了国内和海外众多主流媒体，为企业提供优质的效果广告服务</li>
                            <li>“游易出海”一直为中国企业出海提供流量服务，自研广告联盟平台，服务众多企业，涵盖游戏、电商、网服、工具等</li>
                        </ul>
                    </div>
                    <div class="content_num">
                        <div>
                            <div class="top">
                                <span class="big_num">300</span>
                                <span>多个国家</span>
                            </div>
                            <div class="info">覆盖全球</div>
                        </div>
                        <div>
                            <div class="top">
                                <span class="big_num">100</span>
                                <span>亿次</span>
                            </div>
                            <div class="info">请求总量</div>
                        </div>
                        <div>
                            <div class="top">
                                <span class="big_num">500+</span>
                                <span> </span>
                            </div>
                            <div class="info">接入开发者</div>
                        </div>
                        <div>
                            <div class="top">
                                <span class="big_num">1000+</span>
                                <span> </span>
                            </div>
                            <div class="info">新访问用户增加</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="content_icon"></div>
                <div>
                    <div>
                        <ul class="content_text">
                            <li>“游易”品牌隶属于四川互联互加科技有限公司，海外运营品牌 “Martianmobi ”海外运营主体“YOU E (HONG KONG) LIMITED”</li>
                            <li>“游易”广告平台提供APP流量变现，丰富的广告形式，让每个流量产生大价值；广告投放系统，流量丰富，成本低，全自动投放，让每一分钱产生的利益更充分</li>
                            <li>“游易”也同步代理了国内和海外众多主流媒体，为企业提供优质的效果广告服务</li>
                            <li>“游易出海”一直为中国企业出海提供流量服务，自研广告联盟平台，服务众多企业，涵盖游戏、电商、网服、工具等</li>
                        </ul>
                    </div>
                    <div class="content_num">
                        <div>
                            <div class="top">
                                <span class="big_num">400</span>
                                <span>多个国家</span>
                            </div>
                            <div class="info">覆盖全球</div>
                        </div>
                        <div>
                            <div class="top">
                                <span class="big_num">100</span>
                                <span>亿次</span>
                            </div>
                            <div class="info">请求总量</div>
                        </div>
                        <div>
                            <div class="top">
                                <span class="big_num">500+</span>
                                <span> </span>
                            </div>
                            <div class="info">接入开发者</div>
                        </div>
                        <div>
                            <div class="top">
                                <span class="big_num">1000+</span>
                                <span> </span>
                            </div>
                            <div class="info">新访问用户增加</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="content_icon"></div>
                <div>
                    <div>
                        <ul class="content_text">
                            <li>“游易”品牌隶属于四川互联互加科技有限公司，海外运营品牌 “Martianmobi ”海外运营主体“YOU E (HONG KONG) LIMITED”</li>
                            <li>“游易”广告平台提供APP流量变现，丰富的广告形式，让每个流量产生大价值；广告投放系统，流量丰富，成本低，全自动投放，让每一分钱产生的利益更充分</li>
                            <li>“游易”也同步代理了国内和海外众多主流媒体，为企业提供优质的效果广告服务</li>
                            <li>“游易出海”一直为中国企业出海提供流量服务，自研广告联盟平台，服务众多企业，涵盖游戏、电商、网服、工具等</li>
                        </ul>
                    </div>
                    <div class="content_num">
                        <div>
                            <div class="top">
                                <span class="big_num">500</span>
                                <span>多个国家</span>
                            </div>
                            <div class="info">覆盖全球</div>
                        </div>
                        <div>
                            <div class="top">
                                <span class="big_num">100</span>
                                <span>亿次</span>
                            </div>
                            <div class="info">请求总量</div>
                        </div>
                        <div>
                            <div class="top">
                                <span class="big_num">500+</span>
                                <span> </span>
                            </div>
                            <div class="info">接入开发者</div>
                        </div>
                        <div>
                            <div class="top">
                                <span class="big_num">1000+</span>
                                <span> </span>
                            </div>
                            <div class="info">新访问用户增加</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="home" id="footer">
        <footer class="footer_pc footer footer_bg">
            <h3 class="footer_header"> 联系我们
                <p>将为您提供专业的广告投放指导服务</p>
            </h3>
            <div>
                <ul>
                    <li>
                        <div class="el-input"><input type="text" autocomplete="off" placeholder="请输入企业名称"
                                class="el-input__inner" </div>
                            <p class="Hint" style="display: none;"> 请输入正确的企业名称 </p>
                    </li>
                    <li>
                        <div class="el-input"><input type="text" autocomplete="off" placeholder="请输入您的姓名"
                                class="el-input__inner">
                        </div>
                        <p class="Hint" style="display: none;">请输入正确的联系人</p>
                    </li>
                    <li>
                        <div class="el-input"><input type="text" autocomplete="off" placeholder="请输入您的手机号码"
                                class="el-input__inner">
                        </div>
                        <p class="Hint" style="display: none;">请输入正确的手机号</p>
                    </li>
                    <li>
                        <div class="el-input" id="cascader">

                        </div>
                    </li>
                    <li>
                        <div class="el-input">
                            <select class="el-select" id="operate" placeholder="请选择行业" onchange="selectStages()">
                                <option value="">请选择行业</option>
                                <option value="北京">北京</option>
                                <option value="上海">上海</option>
                                <option value="重庆">重庆</option>
                            </select>
                        </div>
                    </li>
                    <li>
                        <div class="el-textarea">
                            <textarea autocomplete="off" placeholder="推广产品介绍" class="el-textarea__inner"
                                style="resize: none; min-height: 159px; height: 159px;"></textarea>
                        </div>
                        <p class="Hint" style="display: none;">请输入推广产品介绍</p>
                    </li>
                </ul>
            </div>
            <div class="btn">
                <button type="button" class="el-button el-button--primary"><span>立即提交</span></button>
            </div>
            <div class="new">
                <div>
                    <img src="./style/img/code.png" alt="">
                    <div>
                        <p>专属客服：丹丹</p>
                        <p>电话：19960393371</p>
                        <p>微信：qiyezhanghu</p>
                        <p>Q Q：1522783378</p>
                        <p>邮箱：YOMI@iosvip.store</p>
                    </div>
                </div>
                <div>
                    <img src="./style/img/code.png" alt="">
                    <div>
                        <p>专属客服：丹丹</p>
                        <p>电话：19960393371</p>
                        <p>微信：qiyezhanghu</p>
                        <p>Q Q：1522783378</p>
                        <p>邮箱：YOMI@iosvip.store</p>
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="main">
                    <div class="left">
                        <p class="title"> <img src="./style/img/logo.png" alt=""> &nbsp;游易广告</p>
                        <p>四川互联互加科技有限公司</p>
                        <p>Tel：400-7722-180</p>
                        <div>
                            <img id="d1" src="./style/img/douying1.png" alt="">
                            <img id="d2" src="./style/img/douying.png" alt="">
                            <img id="d3" src="./style/img/weixin1.png" alt="">
                            <img id="d4" src="./style/img/weixin.png" alt="">
                            <img id="d5" src="./style/img/zhihu1.png" alt="">
                            <img id="d6" src="./style/img/zhihu.png" alt="">
                            <img id="d7" src="./style/img/weibo1.png" alt="">
                            <img id="d8" src="./style/img/weibo.png" alt="">
                            <img id="d9" src="./style/img/toutiao1.png" alt="">
                            <img id="d10" src="./style/img/toutiao.png" alt="">
                        </div>
                    </div>
                    <div class="right">
                        <div>
                            <p class="title">广告投放</p>
                            <p>广告投放</p>
                            <p>Banner广告</p>
                            <p>信息流广告</p>
                            <p>插屏广告</p>
                            <p>核心优势</p>
                        </div>
                        <div>
                            <p class="title">广告代理</p>
                            <p>服务对象</p>
                            <p>海外广告代理平台</p>
                            <p>国内广告代理平台</p>
                        </div>
                        <div>
                            <p class="title">流量变现</p>
                            <p>变现优势</p>
                            <p>服务流程</p>
                        </div>
                        <div>
                            <p class="title">营销学堂</p>
                            <p>游易动态</p>
                            <p>行业动态</p>
                            <p>应用上线</p>
                            <p>资质代办</p>
                        </div>
                        <div>
                            <p class="title">联系我们</p>
                        </div>
                    </div>
                </div>
                <p>Copyright @ 成都有联网络传媒有限公司 <a data-v-28ecc88a="" href="https://beian.miit.gov.cn">蜀ICP备2021029925号</a>
                </p>
            </div>
        </footer>
        <footer class="footer_mobile footer footer_bg">
            <span class="content">
                <h3> 联系我们
                    <p>将为您提供专业的广告投放指导服务</p>
                </h3>
                <div>
                    <ul>
                        <li>
                            <div class="el-input"><input type="text" autocomplete="off" placeholder="请输入企业名称"
                                    class="el-input__inner"></div>
                            <p class="Hint" style="display: none;"> 请输入正确的企业名称 </p>
                        </li>
                        <li>
                            <div class="el-input"><input type="text" autocomplete="off" placeholder="请输入您的姓名"
                                    class="el-input__inner"></div>
                            <p class="Hint" style="display: none;">请输入正确的联系人</p>
                        </li>
                        <li>
                            <div class="el-input"><input type="text" autocomplete="off" placeholder="请输入您的手机号码"
                                    class="el-input__inner"></div>
                            <p class="Hint" style="display: none;">请输入正确的手机号</p>
                        </li>
                        <li>
                            <div class="el-input">
                                <input name="username" placeholder="请选择地区" type="text" id="car1">
                            </div>
                        </li>
                        <li>
                            <div class="el-input">
                                <select class="el-select" id="operate-1" placeholder="请选择行业" onchange="selectStages()">
                                    <option value="">请选择行业</option>
                                    <option value="北京">北京</option>
                                    <option value="上海">上海</option>
                                    <option value="重庆">重庆</option>
                                </select>
                            </div>
                        </li>
                        <li>
                            <div class="el-textarea"><textarea autocomplete="off" placeholder="推广产品介绍"
                                    class="el-textarea__inner"
                                    style="resize: none; min-height: 159px; height: 159px;"></textarea></div>
                            <p class="Hint" style="display: none;">请输入推广产品介绍</p>
                        </li>
                    </ul>
                </div>
                <footer><button type="button" class="el-button el-button--primary"><span>立即提交</span></button>
                </footer>
                <div class="new">
                    <div>
                        <img src="./style/img/code.png" alt="">
                        <div>
                            <p>专属客服：丹丹</p>
                            <p>电话：19960393371</p>
                            <p>微信：qiyezhanghu</p>
                            <p>Q Q：1522783378</p>
                            <p>邮箱：YOMI@iosvip.store</p>
                        </div>
                    </div>
                    <div>
                        <img src="./style/img/code.png" alt="">
                        <div>
                            <p>专属客服：丹丹</p>
                            <p>电话：19960393371</p>
                            <p>微信：qiyezhanghu</p>
                            <p>Q Q：1522783378</p>
                            <p>邮箱：YOMI@iosvip.store</p>
                        </div>
                    </div>
                </div>
                <span class="bottom_bg">
                    <div class="center">
                        <p class="title"> <img src="./style/img/logo.png" alt=""> &nbsp;游易广告</p>
                        <p>四川互联互加科技有限公司</p>
                        <p>Tel：400-7722-180</p>
                    </div>
                    <div class="left">
                        <img id="d1" src="./style/img/douying1.png" alt="">
                        <img id="d2" src="./style/img/douying.png" alt="">
                        <img id="d3" src="./style/img/weixin1.png" alt="">
                        <img id="d4" src="./style/img/weixin.png" alt="">
                        <img id="d5" src="./style/img/zhihu1.png" alt="">
                        <img id="d6" src="./style/img/zhihu.png" alt="">
                        <img id="d7" src="./style/img/weibo1.png" alt="">
                        <img id="d8" src="./style/img/weibo.png" alt="">
                        <img id="d9" src="./style/img/toutiao1.png" alt="">
                        <img id="d10" src="./style/img/toutiao.png" alt="">
                    </div>

                    <div class="content">
                        <div class="main">
                            <div class="right">
                                <div>
                                    <p class="title">广告投放</p>
                                    <p>广告投放</p>
                                    <p>Banner广告</p>
                                    <p>信息流广告</p>
                                    <p>插屏广告</p>
                                    <p>核心优势</p>
                                </div>
                                <div>
                                    <p class="title">广告代理</p>
                                    <p>服务对象</p>
                                    <p>海外广告代理平台</p>
                                    <p>国内广告代理平台</p>
                                </div>
                                <div>
                                    <p class="title">流量变现</p>
                                    <p>变现优势</p>
                                    <p>服务流程</p>
                                </div>
                                <div>
                                    <p class="title">营销学堂</p>
                                    <p>游易动态</p>
                                    <p>行业动态</p>
                                    <p>应用上线</p>
                                    <p>资质代办</p>
                                </div>
                                <div>
                                    <p class="title">联系我们</p>
                                </div>
                            </div>
                        </div>
                        <p>Copyright @ 成都有联网络传媒有限公司 <a data-v-28ecc88a=""
                                href="https://beian.miit.gov.cn">蜀ICP备2021029925号</a></p>
                    </div>
    </div>
    </div>
    </footer>
    </div>


    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
    <script type="text/javascript">
        let domList = document.querySelectorAll('.body_content .icon_list .icon_box .icon')
        let index = 0;
        selectStages()
        function selectStages(value) {
            if(document.body.clientWidth>=1200){
                var selectNodesObj = document.getElementById('operate');

            }else{
                var selectNodesObj = document.getElementById('operate-1');  
            }
            var selIndex = selectNodesObj.selectedIndex;     //获取当前选择的选项的index值
            var selValue = selectNodesObj.options[selIndex].value; //获取当前选择项的值
            if (selValue) {
                selectNodesObj.style.color =document.body.clientWidth>=1200? "rgba(0, 0, 0, 1)":'rgb(112, 115, 121)'
            } else {
                selectNodesObj.style.color =document.body.clientWidth>=1200?'#404040cb':'rgba(0, 0, 0, 0.3)'
                
            }
        }
        function _clickTab(num) {
            document.querySelectorAll('.body_content .content_banner .content').forEach((dom, i) => {
                dom.style.display = 'none'
                if (i === num) {
                    dom.style.display = 'flex'
                }
            })
            document.querySelectorAll('.body_content .icon_list .icon_box .icon').forEach((dom, i) => {
                dom.className = 'icon'
                if (i === num) {
                    dom.className = 'icon active'
                    index = i
                }
            })
        }

        function _initBanner() {
            domList[index].click()
            setInterval(() => {
                domList[index].click()
                index++
                if (index > (domList.length - 1)) {
                    index = 0
                }
            }, 3000)
        }
        window.onload = () => {
            _initBanner()
        }
        //  头部相关js
        window.addEventListener(
            "scroll",
            function () {
                setHead();
            },
            true
        );
        $("#menu_btn").click(function (event) {
            event.stopPropagation();
            $(".wap-nav").addClass("block");
        });
        $(".agent").click(function () {
            // console.log($(".agent>ul"));
            $(".agent_list").toggleClass("showItem");
        });

        $(".wap-nav").click(function (event) {
            event.stopPropagation();
            if (event.target == this) {
                $(this).removeClass("block");
            }
        });

        $('body').click(() => {
            $(".wap-nav").removeClass("block");
            $(".wap-nav").addClass("none");
        })

        function setHead() {
            if (window.pageYOffset) {
                $(".headBack").addClass("trueHeader");
            } else {
                $(".headBack").removeClass("trueHeader");
            }
        }
    </script>
    <script src="./style/js/packagingFunction.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../style/js/axui.js   " type="text/javascript"></script>

    <script src="./style/js/footer.js" type="text/javascript" charset="utf-8"></script>
    <script>
        var cascader = new Cascader({
            container: '#cascader',
            width: 228,
            callback: function (data) {
                // {
                //   data: [{className: 'sichuan', value: '四川省', child: Array(1)}, {className: 'chengdu', value: '成都市', child: Array(6)}, {className: '', value: '高新区'}],
                //   value: "四川省/成都市/高新区"
                // }
                console.log(data);
            },
            defaultValue: '', //string:   or array: [0, 0, 0]
            data: [{
                className: 'sichuan',
                value: '四川省',
                child: [{
                    className: 'chengdu',
                    value: '成都市',
                    child: [{
                        className: '',
                        value: '金牛区'
                    }, {
                        className: '',
                        value: '成华区'
                    }, {
                        className: '',
                        value: '锦江区'
                    }, {
                        className: '',
                        value: '高新区'
                    }, {
                        className: '',
                        value: '青羊区'
                    }, {
                        className: '',
                        value: '武侯区',
                        child: [{
                            className: '',
                            value: '桂溪街道办'
                        }]
                    }]
                }]
            }, {
                className: 'yunnan',
                value: '云南省',
                child: [{
                    className: '',
                    value: '丽江市',
                    child: [{
                        className: '',
                        value: '古城区'
                    }]
                }]
            }, {
                className: 'jiangsu',
                value: '江苏省',
                child: [{
                    className: '',
                    value: '南京市'
                }]
            }, {
                className: 'guangdong',
                value: '广东省',
                child: [{
                    className: '',
                    value: '广州市',
                    child: [{
                        className: '',
                        value: '荔湾区'
                    }, {
                        className: '',
                        value: '越秀区'
                    }]
                }, {
                    className: '',
                    value: '深圳市',
                    child: [{
                        className: '',
                        value: '南山区'
                    }, {
                        className: '',
                        value: '光明区'
                    }]
                }]
            }, {
                className: 'ningxia',
                value: '广西壮族自治区',
                child: [{
                    className: '',
                    value: '南宁市'
                }]
            }]
        });

        cascader.init(); //reset()  current()
    </script>
</body>

</html>
<style>
    .footer_pc .new>div {
        padding: 74px 37px !important;
    }

    .footer_pc .new>div>div>p {
        font-size: 20px;
        line-height: 20px;
    }

    .footer_pc .new>div>img {
        width: 228px;
    }

    .footer_mobile>.content input::placeholder,
    .footer_mobile>.content textarea::placeholder,
    .footer_mobile>.content .el-select::placeholder {
        color: rgba(0, 0, 0, 0.3) !important;
    }

    .footer_mobile option {
        background: #fff;
        color: rgb(40, 45, 54);
    }

    .footer_mobile>.content .el-input__inner,
    .footer_mobile>.content input,
    .footer_mobile>.content .el-textarea__inner,
    .footer_mobile>.content .el-select {
        background: rgba(255, 255, 255, 1);
    }

    .footer_pc {
        background: #F7F9FC !important;
    }

    .footer_pc div,
    .footer_pc span,
    .footer_pc h3 {
        color: #000 !important;
    }

    .footer_pc ul>li .el-input__inner,
    .footer_pc .el-select,
    .footer_pc ul>li:last-child .el-textarea__inner {
        border-color: #B3B7C4 !important;
        color: black;
    }

    input[type="text"]:focus {
        box-shadow: none !important
    }

    .footer_pc .btn button {
        border-radius: 23px
    }

    .footer_pc .btn button>span {
        color: white !important;
    }

    .footer_pc .content {
        background: #1B2029 !important;
    }

    .footer_pc .content p,
    .footer_pc .content span,
    .footer_pc .content div {
        color: rgba(255, 255, 255, 0.4) !important;
    }

    .footer_pc .content .title {
        color: white !important;
    }

    .footer_pc .new {
        background: white;
        border-radius: 23px;
    }

    .footer_pc option {
        background: white !important;
        color: black;
    }
</style>
<style>
    .footer_mobile,
    .footer_mobile>.content {
        background: #F7F9FC !important;
    }

    .footer_mobile div,
    .footer_mobile span,
    .footer_mobile h3 {
        color: #000 !important;
    }

    .footer_mobile .el-input__inner,
    .footer_mobile .el-select,
    .footer_mobile .el-textarea__inner,
    .footer_mobile input {
        border: 1px solid #B3B7C4 !important;
        /* color: #1a1a1af4 !important; */
    }

    .footer_mobile input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder,
    #cascader .cascader-selected span {
        color: #404040cb !important;
    }

    .footer_mobile .el-button {
        border-radius: 23px !important;
    }

    .footer_mobile .el-button>span {
        color: white !important;
    }

    .footer_mobile .new {
        background: white;
        border-radius: 10px;
        padding: 40px 20px;
        margin: 20px auto;
        width: 90%;
    }

    .footer_mobile .bottom_bg {
        background: #1B2029 !important;
        padding: 30px 0px;
        font-size: 14px;
    }

    .footer_mobile .bottom_bg .left {
        text-align: left;
        padding: 40px 0 0px 20px;
    }

    .footer_mobile .bottom_bg .left img {
        margin-bottom: 20px;
        margin-right: 16px;
    }

    .footer_mobile .content .title {
        color: white !important;
        padding-bottom: 10px;
    }

    .footer_mobile .bottom_bg p,
    .footer_mobile .bottom_bg span,
    .footer_mobile .bottom_bg div {
        color: rgba(255, 255, 255, 0.4) !important;
    }
</style>